<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head> 
	<?php showHtmlHead(); ?>
	<link rel='stylesheet' href='css/OpspLayout.css'/>

	<title>My C3 Account</title>	<script src="scripts/ajax_update.js" language="javascript" type="text/javascript"></script>	
</head>
<body> 
	<div id="container">

		<div id="header">
			<div id="logo"></div>
			<div id="title"><h1>C3 Toolkit</h1></div>

			<div id="nav">
				<a href="http://www.umich.edu/~opsp">About OPSP</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="">OPSP Blog</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
				Login to C3</div>

			<div id="corner"></div>
		</div>

<!--		<?php showHeader("<a href=\"myhome.php\">Home</a> : My Account");?> -->

		<div id="content">
			<div class="actionBox">
				<div id="message"></div>

				<div class="abHeader"><h3>My Account Settings</h3></div>
				<div class="abContents">
					<table class="inputTable">
						<tr>
							<td class="l"><h4>User Name</h4></td>
							<td ><input type="text" id="username" value="<?php echo $_SESSION['username'];?>" disabled="disabled"/></td></tr>
						<tr>
							<td class="l"><h4>First Name</h4></td>
							<td ><input type="text" id="firstname" value="<?php echo $firstname;?>" /></td></tr>
						<tr>
							<td class="l"><h4>Last Name</h4></td>
							<td ><input type="text" id="lastname" value="<?php echo $lastname;?>" /></td></tr>
						<tr>
							<td class="l"><h4>Organization</h4></td>
							<td ><input type="text" id="organization" value="<?php echo $organization;?>" /></td></tr>
						<tr>
							<td class="l"><h4>Email Address</h4></td>
							<td ><input type="text" id="emailaddress" value="<?php echo $emailaddress?>" /></td></tr>
						<tr>
							<td class="l"><h4>Password</h4></td>
							<td ><input type="password" id="password1" value="" /></td></tr>
						<tr>
							<td class="l"><h4>Confirm Password</h4></td>
							<td ><input type="password" id="password2" value="" /></td></tr>
					</table>
				</div>
				<div class="abFooter">
					<input type="submit" value="Change Settings" id="submit" class="button" onClick="callAjax('change_account_settings', catch_generic, '&username='+document.getElementById('username').value+'&firstname='+document.getElementById('firstname').value+'&lastname='+document.getElementById('lastname').value+'&organization='+document.getElementById('organization').value+'&emailaddress='+document.getElementById('emailaddress').value+'&password1='+document.getElementById('password1').value+'&password2='+document.getElementById('password2').value, 'Attempting to change your account settings...');"/>
					<input type="submit" id="cancel" value="Cancel" class="button" onClick="history.go(-1);"/>
				</div>
			</div>
		</div>

		<?php showFooter();?>
	</div>
</body> 
</html> 
